@charset "utf-8";
@import "./_reset";

@function r($px){
	@return $px / 50 * 1rem
}
// 中间内容
.section_content{
		position: fixed;
		left: 0;
		right: 0;
		top: r(89);
		bottom: r(96);
		overflow: auto;
		// box-sizing: border-box;
	// 顶部轮播图
	.gi_imgs{
		width: 100%;
		height: r(229);
		img{
			width: 100%;
			height: 100%;
		}
	}
	.gi_img{
		width: 100%;
		height: r(357);
		position: relative;
		margin-bottom: r(38);
		img{
			width: 100%;
			height: 100%;
		}
		.img_hid{
			width: 100%;
			height: r(104);
			background-color: rgba(0,0,0,0.5);
			position: absolute;
			bottom: 0;
			right: 0;
			text-align: center;
			
			h1{
				margin: r(24) auto r(18);
				// font-weight: bold;
				color: white;
				font-size: r(26);
				height: r(30);
				width: r(600);
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			p,span{
				color: white;
				font-size: r(11);
			}
			p{
				// display: inline-block;
				// float: left;
				margin-left:r(20) ;
				vertical-align: bottom;
				text-align: left;
				line-height:r(17) ;
				.hid_date{
					margin-right:r(20) ;
				}
				i,span{
					vertical-align: middle;
				}
			}
		}
	}
	//新闻列表
	.gimc_list{
		width: r(584);
		height: r(173);
		// background-color: gray;
		margin: 0 auto;
		border-bottom: 1px solid #c5c5c5;
		margin-bottom: r(38);
		//列表左边图片
		.left_box{
			width: r(209);
			height: r(142);
			img{
				width: 100%;
				height: 100%;
			}
		}
		//列表右边内容
		.right_box{
			width: r(358);
			height: r(142);
			h1,p{
				text-align: justify;
			}
			h1{
				font-size: r(22);
				margin-bottom: r(10);
			}
			p{
				font-size: r(12);
				margin-bottom: r(10);
				color: #c9c9c9;
				i,span{
					vertical-align: middle;
				}
			}
			.gi_cla{
				display:-webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.date_list{
				text-align: right;
				margin-bottom:0;
				color: #939393;
			}
		}
	}
	.load{
		color: #939393;
		text-align: center;
		height: r(74);
	}
}